<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:p="http://primefaces.org/ui">
  <h:head>
    <link rel="stylesheet" type="text/css"  href="css/home.css"/>
 </h:head>
	<h:body>
	<div id="cabecalho" >
			
			<div id="top">
				<a href="home.xhtml"><img id="logo" src="img/logo.png"/></a>
				
				
				<h:form>     
    <p:growl id="messages" showDetail="true" />
 
    <p:toolbar  style="padding:10px;"> 
        <f:facet name="left" >
              	
              		<p:link style="text-decoration:none;  margin:  auto auto auto 80%;" href="#sobre" value="SOBRE"/>
              		<p:link style="text-decoration: none; margin: 5px 20px 5px 20px;" href="home.xhtml" value="AID"/>
              		<p:link style="text-decoration: none; margin: 5px 20px 5px 20px;" href="#objetivo" value="OBJETIVO"/>
              		<p:link style="text-decoration: none; margin: 5px 20px 5px 20px;" href="#contatos" value="CONTATO"/>
              		<p:link style="text-decoration: none; margin: 5px 20px 5px 20px;" href="galeria.xhtml" value="GALERIA"/>
              		
						

        </f:facet>
 
        
 
    </p:toolbar>
</h:form>
			
			
			
			</div>
	
		</div>
		
		<div id="neutra" >

		</div>
		<div id="div1" >
			
			<p>AID EM AÇÃO</p><br/>
			<a name="aid"></a>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			
			
			<a name="objetivo"><h1></h1></a>
		</div>
		
		<div id="div2">
			
			<p>OBJETIVOS</p><br/>
		
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			
			
		
			<a name="sobre"><h1></h1></a>
		</div>
		
		<div id="div3">
			
			<p>Sobre</p><br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			
			
	
		<a name="contatos"></a>
			
		</div>
	
		<div id="div4">

			<br/>
			<div id="contato">	
			
				<p>CONTATOS</p><br/>
				<h4>Fone: (83)3243-3445</h4><br/>
				<h4>E-mail: renato_re@gmailcom</h4><br/>
				<h4>E-mail: lisieuxandrade@gmail.com</h4><br/>
				<h4>Endereço: Centro Universitário de João Pessoa Unipê</h4>
			</div>
			
			<div id="faleConosco">	
				
				<p>Fale Conosco</p><br/>
				
				
				E-mail: <p:inputText style="margin-left:12px; width:200px; height: 25px;" type="text" placeholder="E-mail para contato"/><br/>
				Fone:	<p:inputMask style="margin-left: 20px; height: 25px;" placeholder="Fone para contato"/><br/><br/>
				<p>Assunto:</p><p:inputTextarea rows="6" cols="33" /><br/>
						<h:commandButton value="Enviar"/>
				<br/>
				<br/>
			</div>
		</div>
		<div id="rodaPe">
			<p>Projeto de apóio a inclução digital</p>
			<p>Centro Univercitário de João Pessoa </p>

		</div>
	</h:body>
</html>